<template>
    <div class="options-panel">
        <div v-show="currentPanel == 'property'">
            <div class="panel-from">
                <div class="panel-form-item">
                    <div class="item-label">字段名</div>
                    <div class="item-input">
                        <a-input v-model:value="selectItem.field" placeholder="请输入" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">隐藏</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.hidden" />
                    </div>
                </div>

            </div>
        </div>

        <div v-show="currentPanel == 'style'">
        </div>

        <!-- <div v-show="currentPanel == 'actions'">
            <a-alert message="正在开发中..." type="warning" show-icon />
        </div> -->

    </div>
</template>

<script>

export default {
    name: "calendarOptions",
    props: {
        currentPanel: {
            type: String,
            default: "property"
        },
        selectItem: {
            type: Object,
        }
    },
    data() {
        return {
            item: {},
        }
    },
    methods: {

    },
    mounted() {
    },
    created() {
    },
}
</script>

<style>
</style>